<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="content">
*
* @package OceanTheme
*/
    ?>
  <!DOCTYPE html>
  <!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
  <!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
  <!--[if !(IE 7) & !(IE 8)]><!-->
  <html <?php language_attributes(); ?>>

  <head>
  <meta charset="<?php bloginfo( 'charset' ); ?>">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="keywords" content="本原印象" />
    <meta name="description" content="本原印象">
    <meta name="author" content="yinhao">
  <title>本原印象</title>
  <link href="<?php bloginfo('template_directory'); ?>/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
  <link href="<?php bloginfo('template_directory'); ?>/css/popup-box.css" rel="stylesheet" type="text/css" media="all" />
  <link href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css" rel="stylesheet" media="all"> 
  <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/main-gallery.css" type="text/css" media="screen" />  <!-- flexslider-CSS --> 
  <link href="<?php bloginfo('template_directory'); ?>/css/font-awesome.css" rel="stylesheet">   <!-- font-awesome icons -->
  <!-- //Custom Theme files --> 
  <!-- web-fonts -->  
  <script src="js/jquery.min.js"></script>
  <script src="js/index.js"></script>
  <!--[if lt IE 9]-->
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <!--[endif]-->
</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">  

  <div id="home" class="w3ls-banner"> 

    <!-- banner-text -->
    <div class="slider">
      <div class="callbacks_container">
        <ul class="rslides callbacks callbacks1" id="slider4">
          <li>
            <div class="w3layouts-banner-top">
              <div class="container">
                <div class="agileits-banner-info">
                  <h3>Shall We <span>Dance</span> ?</h3>
                    <p>CELEBRATE YOUR EVENT WITH US</p>
                  <div class="agileits_w3layouts_more menu__item">
        <a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>
      </div>
                </div>  
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="clearfix"> </div>
      
      <!--banner Slider starts Here-->
    </div>
        <div class="thim-click-to-bottom">
        <a href="#about" class="scroll">
          <i class="fa fa-long-arrow-down" aria-hidden="true"></i>
        </a>
      </div>
      <!-- header -->
    <div class="header-w3layouts"> 
      <!-- Navigation -->
      <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
          <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
              <span class="sr-only">Dance Whirl</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <h1><a class="navbar-brand" href="index.html">本原印象</a></h1>
          </div> 
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav navbar-right">
              <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
              <li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
              <li><a class="page-scroll scroll" href="#home">首页</a></li>
              <li><a class="page-scroll scroll" href="#about">关于我们</a></li>
              <li><a class="page-scroll scroll" href="#classes">舞蹈种类</a></li>
              <li><a class="page-scroll scroll" href="#plans">课程价格</a></li>
              <li><a class="page-scroll scroll" href="#instructors">师资团队</a></li>

              <li><a class="page-scroll scroll" href="#gallery">图片集</a></li>
               <li><a class="page-scroll scroll" href="#zixun">最新资讯</a></li>
              <li><a class="page-scroll scroll" href="#contact">联系我们</a></li>
            </ul>
          </div>
          <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
      </nav>  
    </div>  
    <!-- //header -->
  </div>  
  <!-- //banner --> 
